<div class="right-content fl">
  <div class="model-top">
    <div class="common-ser" style="background-color: #00bcef">
      <p class="mt20 pl15">
        <span class="model-peo">20000</span>
        <span>万人</span>
      </p>
      <p class="mt5 pl15">
        <span class="fz16">IT</span>
      </p>
    </div>
    <div class="common-ser" style="background-color: #00a65a">
      <p class="mt20 pl15">
        <span class="model-peo">90</span>
        <span>万人</span>
      </p>
      <p class="mt5 pl15">
        <span class="fz16">交通</span>
      </p>
    </div>
    <div class="common-ser" style="background-color: #f39c12">
      <p class="mt20 pl15">
        <span class="model-peo">190</span>
        <span>万人</span>
      </p>
      <p class="mt5 pl15">
        <span class="fz16">医疗</span>
      </p>
    </div>
    <div class="common-ser" style="background-color: #dd4b39;margin-right: 0">
      <p class="mt20 pl15">
        <span class="model-peo">69</span>
        <span>万人</span>
      </p>
      <p class="mt5 pl15">
        <span class="fz16">电商</span>
      </p>
    </div>
    <div class="clear"></div>
  </div>
  <div class="model-content mt10 bgff">
    <div class="model-search">
      <div class="model-company fl mr30 ml25">
        <label>可行行业：</label>
        <select v-model="selected0">
          <option value="" checked>全部</option>
          <option value="1">交通</option>
          <option value="2">医疗</option>
          <option value="3">教育</option>
        </select>
      </div>
      <div class="model-company fl mr30">
        <label>可用场景：</label>
        <select  v-model="selected1">
          <option value="" checked>全部</option>
          <option value="1">销售预测</option>
          <option value="2">人流预测</option>
        </select>
      </div>
      <div class="model-search-input fr pr">
        <input type="text" placeholder="请输入关键字查询" v-model="modelName">
        <div class="search-button pa" @click="search"></div>
      </div>
    </div>
    <ul class="model mt20" v-if="modelData.length>0">
      <li v-for="(item, index) in modelData">
        <div :id="item.demoId" class="data-demo" _echarts_instance_="ec_1495421950902" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;">
          <div style="position: relative; overflow: hidden; width: 299px; height: 196px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
            <canvas width="299" height="196" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 299px; height: 196px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
          </div>
          <div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 14px; font-family: &quot;Microsoft YaHei&quot;; line-height: 21px; padding: 5px; left: 81px; top: 73px;">2013<br>
            <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#c23531"></span>邮件营销 : 120<br><span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#2f4554"></span>联盟广告 : 220</div>
        </div>
        <router-link class="fz16 data-title" :to="{path:'modelDe',query: {modelId:item.id}}">{{item.model_name}}</router-link>
        <p class="fz12 data-hang">行业:{{item.industry_name}}</p>
        <router-link :to="{path:'modelEva',query: {modelId:item.id,modelName:item.model_name}}" v-if="item.orNo=='未评价'" class="comment">评价</router-link>
        <a href="javascript:void(0)" v-if="item.orNo=='已评价'" class="commented">已评价</a>
        <div class="use-model mt5">
          <p class="go-model"><router-link :to="{path:'dataType',query: {modelId:item.id,modelName:item.model_name,modelPic:item.mpodel_pic}}">使用模型</router-link></p>
        </div>
      </li>
    </ul>
    <div class="model mt20" v-if="modelData.length==0 && isShow">
      <div class="no-model">暂无相关模型</div>
    </div>
    <div id="modelPage" class="text-center model-page mt10"></div>
  </div>
</div>
